<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('基础台账统计')"/>
    <th:block th:include="include :: select2-css"/>
    <th:block th:include="include :: bootstrap-select-css"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-6" style="width: 100%;margin-top: 20px">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class=""><a data-toggle="tab" href="#tab-1" aria-expanded="true">按状态统计</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-1" aria-expanded="false">按运营商统计</a>
                    </li>
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="false">按管理部门统计</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-1" aria-expanded="false">按使用部门统计</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-1" aria-expanded="false">按系统统计</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <!--                表格-->
                            <div class="col-sm-12 select-table table-striped">
                                <table id="bootstrap-table"></table>
                            </div>
                        </div>
                    </div>

                </div>


            </div>
        </div>


    </div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: bootstrap-table-export-js"/>
<th:block th:include="include :: select2-js"/>
<th:block th:include="include :: bootstrap-select-js"/>
<script th:inline="javascript">
    var forceFlag = [[${@permission.hasPermi('monitor:online:forceLogout')}]];
    var prefix = ctx + "base_card";

    // $.modal.alertError('Hi，你好！')


    // $(document).ready(function () {
    //
    //     $.ajax({
    //         type: "GET",
    //         url: '/data_info/getCompany',
    //         dataType: "json",
    //         function(data) {
    //             $('#carrier').select2({
    //                 data: data
    //             })
    //         },
    //         error: function (jqXHR) {
    //             console.log("Error: " + jqXHR.status);
    //         }
    //     });
    // });


    $(function () {

        var options = {
            url: prefix + "/list",
            sortOrder: "desc",
            showFooter: false,
            showSearch: false,
            showRefresh: true,
            showToggle: false,
            showColumns: false,
            escape: false,
            columns: [
                {
                    field: 'cardNo',
                    title: '类别',
                    // sortable: true
                },
                {
                    field: 'flow',
                    title: 'SIM卡数量'
                },
            ]
        };
        $.table.init(options);
    });

</script>
</body>
</html>